<script setup lang="ts">
import router from '@/router'
const onBackClick = () => {
  router.back()
}
</script>

<template>
  <van-nav-bar :border="false" @click-left="onBackClick">
    <template #left>
      <van-icon name="arrow-left" size="20" color="#000" />
    </template>
  </van-nav-bar>
  <div class="register">
    <div class="register__title">创建账户</div>
    <div class="register__mtitle">请输入您的手机号码&密码进行注册</div>
    <vs-user-input-phone></vs-user-input-phone>
    <vs-user-input-code></vs-user-input-code>
    <vs-user-input-pwd></vs-user-input-pwd>
  </div>
</template>

<style scoped lang="scss">
.register {
  padding: 0 12px;
  margin-top: 14px;
  padding-bottom: 50px;
  &__title {
    font-size: 16px;
    font-weight: bold;
  }
  &__mtitle {
    font-size: 8px;
    color: #999;
    margin-top: 10px;
    margin-bottom: 24px;
  }
}
</style>
